<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>最佳旅行地投票</title>
    <script src="src/html5shiv.min.js"></script>
    <link rel="stylesheet" href="src/common.css">
    <link rel="stylesheet" href="src/map.css">
    <link rel="stylesheet" href="src/place.css">
    <link rel="stylesheet" href="src/landlord.css">
</head>

<body class="with-new-header ">
    <div id="header" class="airbnb-header new">
        <div class="regular-header regular-header--new clearfix hide-sm" id="new-header">
            <div class="comp pull-left logo">
                <a href="index.html" class="hdr-btn link-reset belo-container">当地人</a>
            </div>
            <div class="comp pull-left search-bar-wrapper">
                <form action="#" class="search-form">
                    <div class="search-bar">
                        <i class="header-icon icon-search-alt-gray search-icon"></i>
                        <label class="screen-reader-only" for="header-search-form" data-reactid=".0.0.1">想去哪里？</label>
                        <span class="twitter-typeahead" style="position: relative; background-color: white;">
                            <input type="text" placeholder="想去哪里？" autocomplete="off" name="location" id="header-search-form" class="location tt-input" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: white;">
                        </span>
                    </div>
                </form>
            </div>
            <div class="comp pull-right show-logout">
                <a data-login-modal="" href="#/login" class="hdr-btn link-reset">登录</a>
            </div>
            <div class="comp pull-right show-logout">
                <a data-signup-modal="" data-header-view="true" href="#/signup_login" class="hdr-btn link-reset">注册</a>
            </div>
            <div id="js-header-help-menu">
                <div class="comp pull-right no-border help-trigger-wrapper" data-reactid=".1">
                    <a class="hdr-btn js-help-toggle link-reset needsclick" href="#/help" data-reactid=".1.0">
                        <span class="margin-right--tiny hide-md">帮助</span>
                        <span data-reactid=".1.0.1">&nbsp;</span>
                        <i class="header-icon icon-lifesaver-alt-gray" data-reactid=".1.0.2"></i>
                    </a>
                </div>
            </div>
            <div class="comp pull-right hide-host comp-become-a-host">
                <a class="hdr-btn link-reset lys-link " href="#/rooms/new">
                    <span class="btn btn-small btn-become-a-host">认证当地人</span>
                </a>
            </div>
        </div>
    </div>

    <main id="site-content" role="main">

        <div class="panel">
            <div class="page-container page-container-responsive row-space-top-4 row-space-8">
                <div class="row">
                    <div class="col-md-8 col-lg-8 col-sm-12">
                        <h2 class="h2">丽江</h2>
                        <p>潺潺溪水，拂面杨柳，悠扬古乐… 在丽江，感受一如既往的慵懒慢生活。</p>
                    </div>
                    <div class="col-md-4 col-lg-4 col-sm-12">
                        <div class="panel-overlay-top-right wl-social-connection-panel">
                            <span class="rich-toggle wish_list_button wishlist-button not_saved" title="为TA点赞">
                                <input type="checkbox" id="favor-btn">
                                <label for="favor-btn" class="hide-sm">
                                    <span class="screen-reader-only">点赞</span>
                                    <i class="icon icon-heart icon-rausch icon-size-2 rich-toggle-checked"></i>
                                    <i class="icon icon-heart wishlist-heart-unchecked icon-size-2 rich-toggle-unchecked"></i>
                                    <i class="icon icon-heart-alt icon-white icon-size-2"></i>
                                </label>
                            </span>
                        </div>
                        <!-- 点赞文字 -->
                        <div class="row-space-top-8 hide-sm"></div>
                        <div class="">
                            <button class="btn show-sm">点赞 <span class="text-right">(13542)</span></button>
                            <p class="text-right hide-sm">13542 赞</p>
                        </div>
                        
                    </div>
                </div>

                <!-- 下月最佳投票按钮 -->
                <div class="row row-space-top-2">
                    <div class="col-md-12">
                        <a class="btn btn-primary" href="#">选TA为下月最佳旅游地</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="page-container page-container-responsive row-space-top-4 row-space-8">
            <div class="row">
                <div class="col-md-8 col-sm-12">
                    <div class="">
                        <div class="nav panel row-space-2">
                            <span class="current">留言板</span>
                            <a href="album.html">影集</a>
                        </div>
                        <ul class="feed-list">
                            <!-- 一条feed -->
                            <li class="item panel">
                                <div class="face">
                                    <a href="user.html">
                                        <img src="img/avatar1.jpg" class="img-round">
                                    </a>
                                </div>
                                <div class="content">
                                    <a href="#" class="nickname">不看书会傻</a>
                                    <p>#好想去流浪#如果说西藏是男孩子的一个梦，那么丽江便是女孩子的天堂</p>
                                    <div class="media-wrap clearfix">
                                        <div class="media-box">
                                            <ul class="media-list clearfix">
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/1.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8c1v79j30e60amacm.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8awrh4j30e60iwaf2.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8b4bv1j30e60iw42o.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8aafe3j30e60cr0us.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8bc9lmj30e60amq4s.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8bo5kbj30e60amacg.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8bt42tj30e60amgoi.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8cd1gcj30e60amgnu.jpg">
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="feed-from">
                                        <a href="#">今天08:24</a>
                                    </div>
                                    <!-- 右侧区域END -->
                                </div>

                                <div class="feed-action-info row text-center">
                                    <div class="col-md-4">
                                        <a href="#" class="line">收藏</a>
                                    </div>
                                    <div class="col-md-4">
                                        <a href="#" class="line">评论 43</a>
                                    </div>
                                    <div class="col-md-4">
                                        <a href="#" class="line">
                                            <i class="icon icon-thumbs-up"></i>
                                            <b>248</b>
                                        </a>
                                    </div>
                                </div>
                            </li>
                            <!-- 一条feed end -->

                            <!-- 一条feed -->
                            <li class="item panel">
                                <div class="face">
                                    <a href="user.html">
                                        <img src="img/avatar1.jpg" class="img-round">
                                    </a>
                                </div>
                                <div class="content">
                                    <a href="#" class="nickname">不看书会傻</a>
                                    <p>#好想去流浪#如果说西藏是男孩子的一个梦，那么丽江便是女孩子的天堂</p>
                                    <div class="media-wrap clearfix">
                                        <div class="media-box">
                                            <ul class="media-list clearfix">
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/1.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8c1v79j30e60amacm.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8awrh4j30e60iwaf2.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8b4bv1j30e60iw42o.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8aafe3j30e60cr0us.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8bc9lmj30e60amq4s.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8bo5kbj30e60amacg.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8bt42tj30e60amgoi.jpg">
                                                </li>
                                                <li class="bigcursor">
                                                    <img class="bigcursor" src="img/wb/006gPo6mgw1ezxv8cd1gcj30e60amgnu.jpg">
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="feed-from">
                                        <a href="#">今天08:24</a>
                                    </div>
                                    <!-- 右侧区域END -->
                                </div>

                                <div class="feed-action-info row text-center">
                                    <div class="col-md-4">
                                        <a href="#" class="line">收藏</a>
                                    </div>
                                    <div class="col-md-4">
                                        <a href="#" class="line">评论 43</a>
                                    </div>
                                    <div class="col-md-4">
                                        <a href="#" class="line">
                                            <i class="icon icon-thumbs-up"></i>
                                            <b>248</b>
                                        </a>
                                    </div>
                                </div>
                            </li>
                            <!-- 一条feed end -->
                        </ul>
                    </div>
                </div>
                <div class="col-md-4 col-sm-12">
                    <div class="side panel">
                        <!-- 地主区域 -->
                        <div class="landlord">
                            <div class="narrow_title clearfix">
                                <h3>当地地主</h3>
                            </div>
                            <div id="landlordtab" class="landlordtab">
                                <ul>
                                    <li class="current">
                                        <a href="star.html" target="_blank"><img src="img/avatar5.jpg" width="48" height="48"></a>
                                    </li>
                                    <li>
                                        <a href="star.html" target="_blank"><img src="img/avatar1.jpg" width="48" height="48"></a>
                                    </li>
                                    <li>
                                        <a href="star.html" target="_blank"><img src="img/avatar3.jpg" width="48" height="48"></a>
                                    </li>
                                </ul>
                                <div class="landlordcon" data-inner="">
                                    <div class="sinitem current">
                                        <span class="box_arrow item_arrow1">
                                            <i>◆</i>
                                            <em>◆</em>
                                        </span>
                                        <dl>
                                            <dt>
                                                <a class="ellipsis" href="star.html" target="_blank">
                                                    丽江-小东巴
                                                </a>
                                                <p>丽江浮云客栈老板，常年在丽江居住，吃喝玩乐娱游购我都清楚！</p>
                                            </dt>
                                            <dd>
                                                <a href="#" target="_blank" title="【原创】云南超实用玩法～～一定要知道的１６种最最经典的玩法！">【原创】云南超实用玩法～～一定要知道的１６种最最经典的玩法！</a>
                                            </dd>
                                            <dd>
                                                <a href="#" target="_blank" title="【原创】穷游丽江 吃住行游购娱全方位省钱攻略～私奔去丽江～">【原创】穷游丽江 吃住行游购娱全方位省钱攻略～私奔去丽江～</a>
                                            </dd>
                                            <dd>
                                                <a href="#" target="_blank" title="【原创】丽江自助旅游攻略防骗常识--秘籍来啦，快来GET~">【原创】丽江自助旅游攻略防骗常识--秘籍来啦，快来GET~</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </main>

<script src="src/jquery/jquery.min.js"></script>
<script>
$(function () {
    $('img.bigcursor').on('click', function () {
        window.location.href = 'album.html';
    });
});
</script>
</body>

</html>